<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
        <!-- jquery -->
        <script src="/lianxijs/libs/jquery/jquery-1.11.1.min.js"></script>
        
        <!-- http插件 -->
        <script src="/lianxijs/libs/http/axios.min.js"></script>
        
        <!-- 弹窗插件 -->
        <link rel="stylesheet" type="text/css" href="/lianxijs/libs/sweetalert/sweetalert.css"  />
        <script src="/lianxijs/libs/sweetalert/sweetalert-dev.js"></script>
        
        <!-- 时间格式化插件 -->
        <script src="/lianxijs/libs/moment/moment.min.js"></script>   
        
        <!-- 精确计算插件 -->
        <!-- <script src="/lianxijs/libs/number-precision/index.iife.js"></script> -->
        <script src="/lianxijs/libs/number-precision/index.umd.js"></script>
        
        <!-- 带搜索的下拉框 -->
        <link rel="stylesheet" type="text/css" href="/lianxijs/libs/select2/select2.css"/>
        <script src="/lianxijs/libs/select2/select2.js"></script>
        
        <!-- 日历插件 -->
        <!-- <link rel="stylesheet" type="text/css" href="/lianxijs/libs/jquerydateTime/dateTime.css"/> -->
        <!-- <script src="/lianxijs/libs/jquerydateTime/dateTime.min.js"></script> -->
        
    </head>
    <body>
        <!-- 带搜索的下拉框示例 -->
        <h3>带搜索的下拉框示例</h3>
        <div>
            <select id="select2">
                <option value="1">11111111111111111111</option>
                <option value="2">22222222222222222222</option>
                <option value="3">33333333333333333333</option>
                <option value="4">44444444444444444444</option>
            </select>
        </div>
    </body>
	
</html>
<script>
$("#select2").select2();
    // 初始化选择
    $("#select2-select2-container").text("33333333333333333333").attr("title", "3");
    $("#select2").val(3);
    // 下拉框不能用时，需要重写聚焦方法
    // $.fn.modal.Constructor.prototype.enforceFocus = function () { };
</script>